<template>
  <splitpanes>
    <pane :size="20" min-size="10" max-size="40" style="background: black;color:white;">
    </pane>
    <pane>
      <floater position="left" :style="{ width: '270px', height: fullTool ? '90%' : '60px' }">
        <div slot="title">
          智能助手
          <div style="float: right">高级<el-switch v-model="fullTool" :active-value="true" :inactive-value="false"> </el-switch></div>
        </div>
      </floater>
    </pane>
    <pane :size="20" min-size="10" max-size="40" style="background: black;color:white;">
    </pane>
  </splitpanes>
</template>

<script>
export default {
  components: {
    splitpanes: window.loadComponent('xs_common/comp', 'splitpanes'),
    floater: window.loadComponent('xs_common/comp', 'floater'),
  },
  data() {
    return {
      fullTool: false,
    }
  },
};
</script>
